<template>
  <div class="home">
    <Banner></Banner>
    <Notice></Notice>
    <Carousel></Carousel>
    <OldDriver></OldDriver>
    <Everyday></Everyday>
    <History :show="true" :limit="4"></History>
    <Dialog ref="mychild"></Dialog>
<!--    <button @click="showlog">点击弹窗</button>-->

<!--    <img alt="Vue logo" src="../assets/logo.png">-->
  </div>
</template>

<script>
// @ is an alias to /src
import Banner from '@/components/Home/Banner.vue'
import Notice from '@/components/Home/Notice.vue'
import Carousel from '@/components/Home/Carousel.vue'
import OldDriver from '@/components/Home/OldDriver.vue'
import Everyday from '@/components/Home/Everyday.vue'
import History from '@/components/Home/History.vue'
import Dialog from '@/components/Dialog.vue'

export default {
  name: 'home',
  components: {
    Banner,
    Notice,
    Carousel,
    OldDriver,
    Everyday,
    History,
    Dialog
  },
  methods:{
    showlog(){
      this.$refs.mychild.centerDialog();
    }

  }
}
</script>
<style scoped>
    .home{
        position: relative;
        top: 11rem;
        left: 0;
        margin-bottom: 4.5rem;
    }

</style>
